<script>

    import {Button} from "view-ui-plus";

    export default {
        name: 'Home',
        components: {
          Button
        },
        data() {

        },
        created: function () {

        },
        methods: {
        //用户退出
        exit() {
          console.log(sessionStorage.getItem('token'))
          sessionStorage.removeItem('token')
          console.log(sessionStorage.getItem('token'))
        },
        goUrl(url) {
          this.$router.push({path: url})
        }
      }
    }
</script>
<template>
  <div class="box">
    <div class="title">
        欢迎访问安全资产攻防管理平台！
    </div>
    <div class="desc">
      网络安全资产攻防管理平台是一个多功能的网络安全工具，为渗透测试团队和网络安全从业人员提供资产管理、漏洞扫描的管理平台。
      该平台的主要目标是帮助用户：<br>
      ① 资产管理：管理网络资产和相关信息，包括单位资产收集、分类管理以及具体资产的展示。<br>
      ② 攻防演练任务流程记录：体现记录演练渗透攻击的流程步骤，包括新建任务、扫描漏洞、漏洞利用，横向移动等，以便详细记录每个行动。
    </div>
    <div class="user">
      <button v-on:click="goUrl('/user/login')">登录</button>
      <button v-on:click="goUrl('/user/register')">注册</button>
    </div>
  </div>
</template>
<style>
    .box {
      height: 500px;
    }
    .title {
        margin-top: 50px;
      margin-bottom: 50px;
        width: 98vw;
        text-align: center;
        color: #2a3746;
        font-family: 仿宋,serif;
        font-size: 30px;

    }
    .desc {
        white-space:normal;
        word-break:break-all;
        overflow:hidden;
        display: flex;
        margin: 0 auto;
        width: 70vw;
        color: #2b3b4e;
        font-family: 仿宋,serif;
        font-size: 24px;
        justify-content: center;
        text-align: left;
    }
    .user {
      margin: 30px 0;
      display: flex;
      justify-content: center;
    }
    .user button {
      margin: 0 50px;
      width: 80px;
      height: 60px;
      border-style: none;
      border-radius: 5px;
      font-size: 20px;
      color: #2b3b4e;
      text-align: center;
    }
    .user button:hover {
      cursor:pointer;
    }
</style>
